<template>
	<BaseContainer>
		<ReloadTable
			title="各区回访满意度情况汇总表"
			:tableConfig="tableAreaConfig"
			api="view_esSpotOrder_visitResultStatistics"
			@cell-click="handleCellClick"
		></ReloadTable>
		<ReloadTable title="各服务组织回访满意度情况汇总表" :tableConfig="tableOrgConfig" api="view_esSpotOrder_orgVisitResult"></ReloadTable>

		<el-drawer v-model="drawer" :with-header="false" size="65%">
			<BaseContainer>
				<ReloadTable
					v-if="drawer"
          title="街道回访满意度情况汇总表"
					:paramsObj="{ districtCode: nowRowData.districtCode }"
					:tableConfig="tableAreaConfig"
					api="view_esSpotOrder_visitResultStatistics"
				></ReloadTable>
			</BaseContainer>
		</el-drawer>
	</BaseContainer>
</template>

<script setup lang="ts">
import ReloadTable from '@/views/homeCare/components/ReloadTable/index.vue'
import { tableAreaConfig, tableOrgConfig } from '../config'

const drawer = ref(false)
const nowRowData = ref({
  districtCode:''
})
const handleCellClick = (row, column) => {
	nowRowData.value = row
	if (column.property == 'area') {
		drawer.value = true
		console.log(row, column.property, 'row,column---')
	}
}
</script>

<style scoped lang="scss"></style>
